import { createApp } from 'vue'
import pinia from './stores'
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import 'element-plus/dist/index.css'
import App from './App.vue'
import router from './router'
import './assets/icon/iconfont.css';
import './styles/index.scss'
import '@/Mock'
import '@/Mock/trainingRooom/index'
import './Mock/videoDetail/mockServe'

// import '@/Mock'

import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import vue3videoPlay from 'vue3-video-play' // 引入组件
import 'vue3-video-play/dist/style.css' // 引入css


// import '@/Mock'


// 注册mock
import '@/mock/index.ts' 


for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

import Nav from '@/components/nav/index.vue'
app.component(Nav.name,Nav)

import Bottom from "@/components/bottom/index.vue"
app.component(Bottom.name,Bottom)

import Card from "@/components/card/index.vue"
app.component(Card.name,Card)

import Rank from "@/components/rank/index.vue"
app.component(Rank.name,Rank)

import AddMore from "@/components/addMore/index.vue"
app.component(AddMore.name,AddMore)

app.use(vue3videoPlay)

app.use(pinia)
  .use(router)

  .use(ElementPlus, {
    locale: zhCn,
  })
  .mount('#app')

 

